@import "../variables";
.meun-item{
  color: #fff;
  font-size: 1.7rem;
  height: 5rem;
  line-height: 5rem;
  width: 100%;
  padding: 0 2rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  //&:hover{
  //  &::after{
  //    content: '';
  //    display: block;
  //    position: absolute;
  //    bottom: 0.2rem;
  //    left: 50%;
  //    transform: translateX(-50%);
  //    width: 4rem;
  //    height: 0.5rem;
  //    background-color: $fly-red;
  //    border-radius: 1rem;
  //  }
  //}
}
.meun-item-vertical-ok-ist{
  position: relative;
  &::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0.1rem;
    width: 0.4rem;
    height: 100%;
    background-color: $fly-red;
    border-radius: 1rem;
  }
}
.meun-item-horizontal-ok-ist{
  position: relative;
  &::after{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 0.4rem;
    background-color: $fly-red;
    border-radius: 1rem;
  }
}
.meun-item-disabled{
  background-color: $gray-300 !important;
  color: $gray-500 !important;
  cursor: no-drop;
}